<template>
	<view class="background">
		<view class="flex-end">
			<view class="">
				修改交易密码
			</view>
			<view class="">
				<i class="iconfont size iconweibiaoti40"></i>
			</view>
		</view>
		<view class="fgx"></view>
		<view class="flex-end">
			<view class="">
				修改登录密码
			</view>
			<view class="">
				<i class="iconfont size iconweibiaoti40"></i>
			</view>
		</view>
		<view class="btn" @click="next()">
			退出登录
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			next() {
				let a=''
				uni.getStorage({
					key : 'token',
					success: (res) => {
						console.log(res)
						a=res.data
					}
				})
				console.log()
				
				this.req.request('/logout', a, 'GET', '').then(res => {
					console.log(res)
				})
			}
		}
	}
</script>

<style>
	.btn {
		width: 600rpx;
		background: #F0AD4E;
		color: white;
		height: 80rpx;
		line-height: 80rpx;
		text-align: center;
		margin: 60rpx auto;
		border-radius: 12rpx;
	}

	.size {
		font-size: 40rpx !important;
		color: #C8C7CC;
	}

	.fgx {
		height: 1px;
		width: 100%;
		background: #C8C7CC;
	}

	.flex-end {
		line-height: 100rpx;
		font-size: 32rpx;
	}

	.background {
		padding: 0px 40rpx;
	}
</style>
